```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gitee Search</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f7fa;
            color: #333;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 2rem;
        }
        .sidebar {
            width: 20%;
            float: left;
            background-color: #fff;
            border-radius: 8px;
            padding: 1rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .main-content {
            width: 78%;
            float: right;
            background-color: #fff;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
        }
        .search-bar {
            width: 100%;
            margin-bottom: 1rem;
        }
        .search-input {
            width: 100%;
            padding: 0.5rem;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .common-repos {
            margin-top: 2rem;
        }
        .repo-item {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .repo-icon {
            width: 2rem;
            height: 2rem;
            margin-right: 0.5rem;
        }
        .history-search {
            margin-top: 2rem;
        }
        .advanced-search {
            margin-top: 2rem;
        }
        .range-filter {
            margin-top: 1rem;
        }
        .capabilities {
            margin-top: 2rem;
        }
        .capability-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0.5rem;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="sidebar" data-antd-component="Layout.Sider">
            <h2 data-antd-component="Typography.Title">我的仓库</h2>
            <input type="text" placeholder="请输入关键字搜索" data-antd-component="Input" data-antd-props='{"placeholder":"请输入关键字搜索"}' />
            <button data-antd-component="Button">查找所有代码库</button>
            <ul data-antd-component="Menu" data-antd-props='{"mode":"inline"}'>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"active-repos"}'><a href="#">我的活跃仓库</a></li>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"starred-repos"}'><a href="#">星标仓库</a></li>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"forked-repos"}'><a href="#">Fork仓库</a></li>
            </ul>
            <h2 data-antd-component="Typography.Title">我的组织</h2>
            <ul data-antd-component="Menu" data-antd-props='{"mode":"inline"}'>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"all-orgs"}'><a href="#">查看所有组织</a></li>
            </ul>
            <h2 data-antd-component="Typography.Title">动态</h2>
            <ul data-antd-component="Menu" data-antd-props='{"mode":"inline"}'>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"frontend-efficiency"}'><a href="#">前端提效</a></li>
                <li data-antd-component="Menu.Item" data-antd-props='{"key":"process-data-room"}'><a href="#">过程数据室</a></li>
            </ul>
            <ul data-antd-component="List">
                <li data-antd-component="List.Item"><a href="#">刘良才</a>推送到了<code>GeneratedPages</code>的<code>processCenter_cursor</code>分支</li>
                <li data-antd-component="List.Item"><a href="#">刘良才</a>推送了新的分支<code>processCenter_cursor</code>到<code>GeneratedPages</code></li>
                <li data-antd-component="List.Item"><a href="#">刘良才</a>删除了<code>GeneratedPages</code>的<code>processCenter</code>分支</li>
                <li data-antd-component="List.Item"><a href="#">刘良才</a>推送了新的标签<code>deleted_processCenter_20250430_061618</code>到<code>GeneratedPages</code></li>
                <li data-antd-component="List.Item"><a href="#">刘良才</a>推送了新的分支<code>processCenter</code>到<code>GeneratedPages</code></li>
            </ul>
        </div>
        <div class="main-content" data-antd-component="Layout.Content">
            <div class="header">
                <nav data-antd-component="Menu" data-antd-props='{"mode":"horizontal"}'>
                    <a href="#" class="active" data-antd-component="Menu.Item" data-antd-props='{"key":"code-search"}'>代码搜索</a>
                    <a href="#" data-antd-component="Menu.Item" data-antd-props='{"key":"activity"}'>动态</a>
                    <a href="#" data-antd-component="Menu.Item" data-antd-props='{"key":"pull-requests"}'>Pull Requests</a>
                    <a href="#" data-antd-component="Menu.Item" data-antd-props='{"key":"issues"}'>Issues</a>
                </nav>
            </div>
            <h1 data-antd-component="Typography.Title">Gitee Search</h1>
            <div class="search-bar">
                <input type="text" class="search-input" placeholder="使用'/'可进行搜索唤醒" data-antd-component="Input" data-antd-props='{"placeholder":"使用\'/\'可进行搜索唤醒"}' />
                <p data-antd-component="Typography.Text">搜索范围为您有权限的仓库，如需全局搜索，请提交工单-申请码云管理员协助导出或处理数据</p>
            </div>
            <div class="common-repos">
                <h2 data-antd-component="Typography.Title">常用代码库</h2>
                <div class="repo-item" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="G" class="repo-icon" data-antd-component="Avatar" />
                    <span data-antd-component="Typography.Text">GeneratedPages</span>
                </div>
                <div class="repo-item" data-antd-component="List.Item">
                    <img src="data-src='IMAGE_PLACEHOLDER'" alt="D" class="repo-icon" data-antd-component="Avatar" />
                    <span data-antd-component="Typography.Text">DLV_Agent_tools</span>
                </div>
            </div>
            <div class="history-search">
                <h2 data-antd-component="Typography.Title">历史搜索</h2>
            </div>
            <div class="advanced-search">
                <h2 data-antd-component="Typography.Title">高级搜索</h2>
                <div class="range-filter">
                    <a href="#" data-antd-component="Button">范围过滤</a>
                </div>
            </div>
            <div class="capabilities">
                <h2 data-antd-component="Typography.Title">以下能力需要开启高级搜索功能才可使用:</h2>
                <div class="capability-item" data-antd-component="List.Item">
                    <code data-antd-component="Typography.Text">(https?|ftp)://[^/s/?#].[^s]*</code>
                    <span data-antd-component="Typography.Text">匹配URL的表达式，支持大多数正则表达式写法.支持的正则关键字包含：(、)、^、$、.、[、*、+、?</span>
                </div>
                <div class="capability-item" data-antd-component="List.Item">
                    <code data-antd-component="Typography.Text">render template</code>
                    <span data-antd-component="Typography.Text">搜关键字 render 且包含template</span>
                </div>
                <div class="capability-item" data-antd-component="List.Item">
                    <code data-antd-component="Typography.Text">render or template</code>
                    <span data-antd-component="Typography.Text">搜关键字 render 或 template</span>
                </div>
                <div class="capability-item" data-antd-component="List.Item">
                    <code data-antd-component="Typography.Text">render filejava</code>
                    <span data-antd-component="Typography.Text">搜关键字 render 文件名包含java</span>
                </div>
                <div class="capability-item" data-antd-component="List.Item">
                    <code data-antd-component="Typography.Text">render r:scan</code>
                    <span data-antd-component="Typography.Text">搜关键字 render 在仓库路径包含scan</span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
```